import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 1. 导入Element Plus
import ElementPlus from 'element-plus'
// 2. 导入Element Plus样式（必须）
import 'element-plus/dist/index.css'
// 3. 导入Element Plus图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// 4. 导入中文语言包（解决分页等组件中文显示问题）
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

const app = createApp(App)

// 注册所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

// 全局使用Element Plus，并配置中文
app.use(ElementPlus, {
    locale: zhCn, // 全局设置为中文
})

app.use(router)
app.use(store)
app.mount('#app')
